<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>恒铸智能柜管理平台</title>
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/resources/layui/css/layui.css" />
<script type="text/javascript"
	src="${pageContext.request.contextPath}/resources/layui/layui.js"
	type="text/javascript" charset="utf-8"></script>

</head>
<style>
.layui-table {
	margin: 0 !important;
	width: 100% !important;
}

.layui-table {
	overflow-y: scroll;
}

.none {
	border: 0;
	background-color: white !important;
	margin-top: -27px;
	margin-left: 110px;
}

.layui-table-box [data-field="type"] {
	width: 10% !important;
}

.layui-table-box [data-field="usePerson"] {
	width: 39% !important;
}

.layui-table-box [data-field="isManager"] {
	width: 10% !important;
}

.layui-table-box [data-field="useTime"] {
	width: 39% !important;
}

.laytable-cell-1-usePerson {
	min-width: 100% !important;
}

.laytable-cell-1-type {
	min-width: 100% !important;
}

.laytable-cell-1-isManager {
	min-width: 100% !important;
}

.laytable-cell-1-useTime {
	min-width: 100% !important;
}

.layui-layer-iframe iframe {
	height: 430px !important;
}
</style>

<body>
	<div class="layui-layout layui-layout-admin"
		style="padding-left: 20px; overflow-x: hidden;">
		<form id="form" class="layui-form" method="post"
			action="main/getBoxUseRecord" autocomplete="off">
			<div class="layui-form-item">
				<input type="hidden" class="layui-input boxId "></label>
				<!-- 					<label class="layui-form-label">ID： -->
				<input type="hidden" class="layui-input caseNo none" disabled
					lay-verify="caseNo" width="200px"></label>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">门号： <input type="text"
					class="layui-input doorNum none" disabled lay-verify="number"></label>
			</div>
			<div class="layui-form-item">
				<div class="layui-inline">
					<label class="layui-form-label">范围选择</label>
					<div class="layui-input-inline">
						<input class="layui-input" name="startTime" placeholder="开始日"
							id="begin">
					</div>
					<div class="layui-input-inline">
						<input class="layui-input" name="endTime" placeholder="截止日"
							id="end">
					</div>
					<div class="layui-input-inline">
						<button class="layui-btn" id="button" type="button">提交</button>
					</div>
				</div>
			</div>
		</form>
		<table id="stateRecord" lay-filter="stateRecord"></table>
	</div>
	<i class="layui-icon layui-icon-refresh-3"
		style="font-size: 20px; color: #2d2c3b; cursor: pointer; position: fixed; top: 10px; right: 10px;"></i>
</body>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/resources/js/stateRecord.js"></script>






</html>